<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Example</title>
    <link rel="stylesheet" href="style.css" type="text/css" />
    <meta name="generator" content="DocBook XSL Stylesheets V1.73.2" />
    <link rel="start" href="index.html" title="Clutter编程" />
    <link rel="up" href="appendix-implementing-scrolling.html" title="Appendix B. Implementing Scrolling in a Window-like Actor" />
    <link rel="prev" href="appendix-implementing-scrolling.html" title="Appendix B. Implementing Scrolling in a Window-like Actor" />
    <link rel="next" href="appendix-implementing-text-editing.html" title="Appendix C. Implementing Text Editing" />
  </head>
  <body>
    <div class="navheader">
      <table width="100%" summary="Navigation header">
        <tr>
          <th colspan="3" align="center">Example</th>
        </tr>
        <tr>
          <td width="20%" align="left"><a accesskey="p" href="appendix-implementing-scrolling.html"><img src="../icons/prev.png" alt="Prev" /></a> </td>
          <th width="60%" align="center">Appendix B. Implementing Scrolling in a Window-like Actor</th>
          <td width="20%" align="right"> <a accesskey="n" href="appendix-implementing-text-editing.html"><img src="../icons/next.png" alt="Next" /></a></td>
        </tr>
      </table>
      <hr />
    </div>
    <div class="sect1" lang="en" xml:lang="en">
      <div class="titlepage">
        <div>
          <div>
            <h2 class="title" style="clear: both"><a id="scrolling-container-example"></a>Example</h2>
          </div>
        </div>
      </div>
      <p>
This example places three rectangles in a custom container which scrolls its 
child widgets to the left when the user clicks on the stage.
</p>
      <p>
Real-world applications will of course want to implement more specific behaviour, depending on their needs. For instance, 
adding scrollbars that show accurate scroll positions, scrolling smoothly with animation, efficiently drawing only objects 
that should be visible when dealing with large numbers of rows.
</p>
      <div class="figure">
        <a id="figure-scrolling-container"></a>
        <p class="title">
          <b>Figure B.1. Scrolling Container</b>
        </p>
        <div class="figure-contents">
          <div class="screenshot">
            <div>
              <img src="./figures/scrolling.png" alt="Scrolling Container" />
            </div>
          </div>
        </div>
      </div>
      <br class="figure-break" />
      <p>
        <a class="ulink" href="./examples/scrolling" target="_top">Source Code</a>
      </p>
    </div>
    <div class="navfooter">
      <hr />
      <table width="100%" summary="Navigation footer">
        <tr>
          <td width="40%" align="left"><a accesskey="p" href="appendix-implementing-scrolling.html"><img src="../icons/prev.png" alt="Prev" /></a> </td>
          <td width="20%" align="center">
            <a accesskey="u" href="appendix-implementing-scrolling.html">
              <img src="../icons/up.png" alt="Up" />
            </a>
          </td>
          <td width="40%" align="right"> <a accesskey="n" href="appendix-implementing-text-editing.html"><img src="../icons/next.png" alt="Next" /></a></td>
        </tr>
        <tr>
          <td width="40%" align="left" valign="top">Appendix B. Implementing Scrolling in a Window-like Actor </td>
          <td width="20%" align="center">
            <a accesskey="h" href="index.html">
              <img src="../icons/home.png" alt="Home" />
            </a>
          </td>
          <td width="40%" align="right" valign="top"> Appendix C. Implementing Text Editing</td>
        </tr>
      </table>
    </div>
  </body>
</html>
